/* 
 * Element Plus 主题变量覆盖
 * 这个文件用来覆盖Element Plus的默认变量
 */

/* 修改Element Plus默认变量 */
:root {
  /* 主色 */
  --el-color-primary: var(--primary-color);
  --el-color-primary-light-3: rgba(var(--primary-color-rgb), 0.8);
  --el-color-primary-light-5: rgba(var(--primary-color-rgb), 0.6);
  --el-color-primary-light-7: rgba(var(--primary-color-rgb), 0.4);
  --el-color-primary-light-8: rgba(var(--primary-color-rgb), 0.2);
  --el-color-primary-light-9: rgba(var(--primary-color-rgb), 0.1);
  --el-color-primary-dark-2: rgba(var(--primary-color-rgb), 0.9);
  
  /* 功能色 */
  --el-color-success: var(--success-color);
  --el-color-warning: var(--warning-color);
  --el-color-danger: var(--danger-color);
  --el-color-info: var(--info-color);
  
  /* 文本颜色 */
  --el-text-color-primary: var(--text-color);
  --el-text-color-regular: var(--text-color-secondary);
  --el-text-color-secondary: var(--text-color-secondary);
  --el-text-color-placeholder: var(--text-color-placeholder);
  
  /* 边框颜色 */
  --el-border-color: var(--border-color);
  --el-border-color-light: #e4e7ed;
  --el-border-color-lighter: #ebeef5;
  
  /* 背景颜色 */
  --el-bg-color: #ffffff;
  --el-bg-color-page: #f2f3f5;
  --el-bg-color-overlay: #ffffff;
  
  /* 禁用状态 */
  --el-disabled-bg-color: var(--background-color);
  --el-disabled-text-color: #c0c4cc;
  --el-disabled-border-color: #e4e7ed;
  
  /* 边框圆角 */
  --el-border-radius-base: 4px;
  --el-border-radius-small: 2px;
  --el-border-radius-round: 20px;
  --el-border-radius-circle: 100%;
  
  /* 阴影 */
  --el-box-shadow-light: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --el-box-shadow-base: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
  --el-box-shadow-dark: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.12);
  
  /* 字体 */
  --el-font-size-extra-large: 20px;
  --el-font-size-large: 18px;
  --el-font-size-medium: 16px;
  --el-font-size-base: 14px;
  --el-font-size-small: 13px;
  --el-font-size-extra-small: 12px;
  
  /* 输入框 */
  --el-input-height: 36px;
}

/* 各主题下的Element Plus变量覆盖 */
[data-theme="red"] {
  --el-color-primary: var(--primary-color);
  --el-color-primary-light-3: rgba(var(--primary-color-rgb), 0.8);
  --el-color-primary-light-5: rgba(var(--primary-color-rgb), 0.6);
  --el-color-primary-light-7: rgba(var(--primary-color-rgb), 0.4);
  --el-color-primary-light-8: rgba(var(--primary-color-rgb), 0.2);
  --el-color-primary-light-9: rgba(var(--primary-color-rgb), 0.1);
  --el-color-primary-dark-2: rgba(var(--primary-color-rgb), 0.9);
}

[data-theme="navy"] {
  --el-color-primary: var(--primary-color);
  --el-color-primary-light-3: rgba(var(--primary-color-rgb), 0.8);
  --el-color-primary-light-5: rgba(var(--primary-color-rgb), 0.6);
  --el-color-primary-light-7: rgba(var(--primary-color-rgb), 0.4);
  --el-color-primary-light-8: rgba(var(--primary-color-rgb), 0.2);
  --el-color-primary-light-9: rgba(var(--primary-color-rgb), 0.1);
  --el-color-primary-dark-2: rgba(var(--primary-color-rgb), 0.9);
}

[data-theme="blue"] {
  --el-color-primary: var(--primary-color);
  --el-color-primary-light-3: rgba(var(--primary-color-rgb), 0.8);
  --el-color-primary-light-5: rgba(var(--primary-color-rgb), 0.6);
  --el-color-primary-light-7: rgba(var(--primary-color-rgb), 0.4);
  --el-color-primary-light-8: rgba(var(--primary-color-rgb), 0.2);
  --el-color-primary-light-9: rgba(var(--primary-color-rgb), 0.1);
  --el-color-primary-dark-2: rgba(var(--primary-color-rgb), 0.9);
} 